<template>
  <div>
    <div>
      <el-button plain type="primary" @click="change()" style="margin-left: 20px;margin-top: 20px">修改密码</el-button>
    </div>
<!--    <div>-->
<!--      <el-button plain type="primary" @click="find()" style="margin-left: 20px;margin-top: 20px">找回密码</el-button>-->
<!--    </div>-->
    <change-secret v-if="changeVisible" ref="addOrUpdate"></change-secret>
    <find-secret v-if="findVisible" ref="addOrUpdate"></find-secret>
  </div>

</template>
<script>
import ChangeSecret from "./changeSecret"
import FindSecret from "./findSecret"
export default {
  components:{ChangeSecret,FindSecret},
  data() {
    return {
      changeVisible: false,
      findVisible: false,
    }
  },
  methods:{
    change()
    {
      this.changeVisible = true
      this.$nextTick(() => {
        this.$refs.addOrUpdate.init()
      })
    },
    find()
    {
    }
  }
}
</script>
